<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<s:form action="/doRegister.html" method="post" theme="simple">
	<s:token />
	<div class="table">
		<div class="row">
			<div class="cell-label">
				<s:label value="*" cssClass="star" />
				用户名:
			</div>
			<div class="cell-text">
				<s:textfield label="用户名" name="userBeanPage.userName" cssClass="w240" />
			</div>
			<div class="cell-desc">
				必填，最少4位，由字母和数字组成，以字母开头。
				<div class="fieldError">
					<s:fielderror fieldName="msg.userName" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">
				<s:label value="*" cssClass="star" />
				密码:
			</div>
			<div class="cell-text">
				<s:password label="密码" name="userBeanPage.password" cssClass="w240" />
			</div>
			<div class="cell-desc">
				必填，最少6位，由字母和数字组成。
				<div class="fieldError">
					<s:fielderror fieldName="msg.password" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">
				<s:label value="*" cssClass="star" />
				确认密码:
			</div>
			<div class="cell-text">
				<s:password label="确认密码" name="confirmPassword" cssClass="w240" />
			</div>
			<div class="cell-desc">
				必填，重复密码以确认。
				<div class="fieldError">
					<s:fielderror fieldName="msg.confirmPassword" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">昵称:</div>
			<div class="cell-text">
				<s:textfield label="昵称" name="userBeanPage.nickName" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.nickName" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">邮箱:</div>
			<div class="cell-text">
				<s:textfield label="邮箱" name="userBeanPage.mail" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.mail" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">年龄:</div>
			<div class="cell-text">
				<s:select label="年龄" name="userBeanPage.age" list="ageList" cssClass="w240" />
			</div>
			<div class="cell-desc"></div>
		</div>
		<div class="row">
			<div class="cell-label">性别:</div>
			<div class="cell-text">
				<s:select label="性别" name="userBeanPage.sex" list="sexMap" listKey="key" listValue="value" cssClass="w240" />
			</div>
			<div class="cell-desc"></div>
		</div>
		<div class="row">
			<div class="cell-label">默认语言:</div>
			<div class="cell-text">
				<s:select label="默认语言" name="userBeanPage.defLangId" list="langList" listKey="langId" listValue="description" cssClass="w240" />
			</div>
			<div class="cell-desc"></div>
		</div>
		<div class="row">
			<div class="cell-label">手机号码:</div>
			<div class="cell-text">
				<s:textfield label="手机号码" name="userBeanPage.mobile" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.mobile" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">地址:</div>
			<div class="cell-text">
				<s:textarea label="地址" name="userBeanPage.address" rows="3" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.address" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">自我描述:</div>
			<div class="cell-text">
				<s:textarea label="自我描述" name="userBeanPage.description" rows="4" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.description" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">备注:</div>
			<div class="cell-text">
				<s:textarea label="备注" name="userBeanPage.remark" rows="4" cssClass="w240" />
			</div>
			<div class="cell-desc">
				<div class="fieldError">
					<s:fielderror fieldName="msg.remark" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label">
				<s:label value="*" cssClass="star" />
				验证码:
			</div>
			<div class="cell-text">
				<img src="/security-code.html" id="Verify" style="cursor: hand; vertical-align: middle;" alt="看不清，换一张" />
				<s:textfield label="验证码" name="securityCode" cssStyle="width:128px; height: 30px; font-size: 16px;" />
			</div>
			<div class="cell-desc">
				验证码区分大小写。
				<div class="fieldError">
					<s:fielderror fieldName="msg.securityCode" />
				</div>
			</div>
		</div>
		<div class="row">
			<div class="cell-label"></div>
			<div class="cell-button">
				<s:submit method="register" value="免费注册" cssClass="button2" />
			</div>
			<div></div>
		</div>
	</div>
</s:form>
